<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Hello Amaze UI</title>

		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">

		<!-- No Baidu Siteapp-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="icon" type="image/png" href="__ROOT__/Public/yx/assets/i/favicon.png">

		<!-- Add to homescreen for Chrome on Android -->
		<meta name="mobile-web-app-capable" content="yes">
		<link rel="icon" sizes="192x192" href="__ROOT__/Public/yx/assets/i/app-icon72x72@2x.png">

		<!-- Add to homescreen for Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="apple-touch-icon-precomposed" href="__ROOT__/Public/yx/assets/i/app-icon72x72@2x.png">

		<!-- Tile icon for Win8 (144x144 + tile color) -->
		<meta name="msapplication-TileImage" content="__ROOT__/Public/yx/assets/i/app-icon72x72@2x.png">
		<meta name="msapplication-TileColor" content="#0e90d2">

		<link rel="stylesheet" href="__ROOT__/Public/yx/assets/css/amazeui.css">
		<link rel="stylesheet" href="__ROOT__/Public/yx/assets/css/app.css">
		<link rel="stylesheet" href="__ROOT__/Public/yx/css/index.css" />
	</head>

	<body>
		<!--在这里编写你的代码-->
		<div id="wrapper">
			<div style="margin-bottom: 10px;">
				<div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
					<ul class="am-slides">
						<li>
							<img src="__ROOT__/Public/yx/img/image1.jpg" style="height: 200px;">
						</li>
						<li>
							<img src="__ROOT__/Public/yx/img/image2.jpg" style="height: 200px;">
						</li>

					</ul>
				</div>
			</div>

			<div data-am-widget="tabs" class="am-tabs am-tabs-d2" style="margin-left: 0px;margin-right: 0px;padding: 0px;">
				<ul class="am-tabs-nav am-cf">
					<li class="am-active">
						<a href="[data-tab-panel-0]">话题</a>
					</li>
					<li class="">
						<a href="[data-tab-panel-1]">专辑</a>
					</li>
					<li class="">
						<a href="[data-tab-panel-2]">店铺介绍</a>
					</li>
				</ul>
				<div class="am-tabs-bd" style="margin-bottom: 60px;margin-left: 0px;margin-right: 0px;padding: 0px;border: none;">
					<div data-tab-panel-0 class="am-tab-panel am-active">
						<div data-am-widget="list_news" class="am-list-news am-list-news-default" style="margin: 0px;padding: 0px;">
							<!--列表标题-->
							<div class="am-list-news-hd am-cf" style="margin: 0px;padding: 0px;">
								<!--带更多链接-->
								<a href="###" class="">
									<span class="am-list-news-more am-fr" >更多 &raquo;</span>
								</a>
							</div>

							<div class="am-list-news-bd">
								<ul class="am-list">

									<!--缩略图在标题左边-->
									<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
										<div class="am-u-sm-4 am-list-thumb">
											<a href="http://www.douban.com/online/11614662/" class="">
												<img src="__ROOT__/Public/yx/img/image1.jpg" alt="我很囧，你保重....晒晒旅行中的那些囧！" />
											</a>
										</div>

										<div class=" am-u-sm-8 am-list-main">
											<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11614662/" class="">我很囧，你保重....晒晒旅行中的那些囧！</a></h3>

											<div class="am-list-item-text">囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！</div>

										</div>
									</li>
									<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
										<div class="am-u-sm-4 am-list-thumb">
											<a href="http://www.douban.com/online/11624755/" class="">
												<img src="__ROOT__/Public/yx/img/image1.jpg" alt="我最喜欢的一张画" />
											</a>
										</div>

										<div class=" am-u-sm-8 am-list-main">
											<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/" class="">我最喜欢的一张画</a></h3>

											<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div data-tab-panel-1 class="am-tab-panel ">
						<div data-am-widget="list_news" class="am-list-news am-list-news-default" style="margin: 0px;padding: 0px;">
							<!--列表标题-->
							<div class="am-list-news-hd am-cf" style="margin: 0px;padding: 0px;">
								<!--带更多链接-->
								<a href="###" class="">
									<span class="am-list-news-more am-fr">更多 &raquo;</span>
								</a>
							</div>

							<div class="am-list-news-bd">
								<ul class="am-list">

									<!--缩略图在标题左边-->
									<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
										<div class="am-u-sm-4 am-list-thumb">
											<a href="http://www.douban.com/online/11614662/" class="">
												<img src="__ROOT__/Public/yx/img/image1.jpg" alt="我很囧，你保重....晒晒旅行中的那些囧！" />
											</a>
										</div>

										<div class=" am-u-sm-8 am-list-main">
											<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11614662/" class="">我很囧，你保重....晒晒旅行中的那些囧！</a></h3>

											<div class="am-list-item-text">囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！</div>

										</div>
									</li>
									<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
										<div class="am-u-sm-4 am-list-thumb">
											<a href="http://www.douban.com/online/11624755/" class="">
												<img src="__ROOT__/Public/yx/img/image1.jpg" alt="我最喜欢的一张画" />
											</a>
										</div>

										<div class=" am-u-sm-8 am-list-main">
											<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/" class="">我最喜欢的一张画</a></h3>

											<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div data-tab-panel-2 class="am-tab-panel ">
						【歌唱】那时候有多好，任雨打湿裙角。忍不住哼起，心爱的旋律。绿油油的树叶，自由地在说笑。燕子忙归巢，风铃在舞蹈。经过青春的草地，彩虹忽然升起。即使视线渐渐模糊，它也在我心里。就像爱过的旋律，没人能抹去。因为生命存在失望，歌唱，所以才要歌唱。
					</div>
				</div>
			</div>
			
			<div class="r">
				<div style="display:inline; float:left; width: 100%;height: 1px; background: #E1E1E1;"></div>
				<div class="navbom">
					首页
				</div>
				<div style="display:inline; float:left; width: 1px;height: 48px; background: #E1E1E1;"></div>
				<div class="navbom" onclick="toMine();">
					我的
				</div>
			</div>
			
			<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading" style="z-index:9999;">
			  <div class="am-modal-dialog">
			    <div class="am-modal-hd">正在载入...</div>
			    <div class="am-modal-bd">
			      <span class="am-icon-spinner am-icon-spin"></span>
			    </div>
			  </div>
			</div>

		</div>

		<script type="text/javascript">
			function toMine(){
				location.href="mine.html";
			}
		</script>

		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="__ROOT__/Public/yx/assets/js/jquery.min.js"></script>
		<!--<![endif]-->
		<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="__ROOT__/Public/yx/assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
		<script src="__ROOT__/Public/yx/assets/js/amazeui.min.js"></script>
		<!--
		<script src="js/start_loading.js"></script> -->
	</body>

</html>